<template>
    <div>
        <div class="ban_1">
            <router-link to="/wode"><img src="../img/b22.png"></router-link>
            <h4>关于饿了么</h4>
        </div>
        <div class="ban_2">
            <img src="../img/b23.png">
            <h4>饿了就要</h4>
            <span>v7.42</span>
        </div>
        <div class="ban_3">
            <h4>检查更新</h4>
        </div>
        <div class="ban_4">
            <h4>规则中心</h4>
            <p>上海拉扎斯信息科技有限公司</p>
            <span>@2018 Rajax NetWork Technoligy Co., Ltd</span>
        </div>
    </div>
</template>

<script>
</script>

<style>
    .ban_1{
        height: 100px;
        background: #0090ff;
        font-size: 20px;
        color:#fff;
        display: flex;
    }
    .ban_1 img{
        width: 52%;
        height: 28%;
        padding-top:73%;
        padding-left:10%;
    }
    .ban_1 h4{
        padding-top:10%;
        padding-left:5%;
        font-weight: 600;
        font-size: 22px;
    }
    .ban_2 img{
        width: 31%;
        height: 20%;
        padding-top:20%;
    }
    .ban_2 h4{
        font-size: 30px;
        padding-top:10px;
        font-weight: 600;
        color:#0098ff;
    }
    .ban_2 span{
        font-size: 20px;
        border:2px solid #c5c5c5;
        border-radius: 15px;
    }
    .ban_3 h4{
        padding-top:102px;
        font-size: 20px;
        font-weight: 600;
    }
    .ban_4{
        color:#999999;
        font-size: 14px;
    }
    .ban_4 h4{
        padding-top:110px; 
    }
    .ban_4 p{
        padding-top:10px;
    }
</style>